<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>首页</title>
    <link rel="stylesheet" href="css/work1.css">
    <link rel="stylesheet" href="css/work2.css">


</head>

<body>
    <!-- top -->
    <div class="top">
        <p>
            <img src="images/xingxing_03.jpg" alt="">
            <a href="">收藏师徒</a>
        </p>
        <p>欢迎来到师徒网! <a href="denglu.html">[登录]</a><a href="houtai.html">[免费注册]</a></p>
    </div>
    <!-- header -->
    <header>
        <!-- header -->
        <div class="header-a">
            <div class="logo">
                <a href="index.html">师徒商城</a>
            </div>
            <div class="cart_step">
                <ul class="cart_step1">
                    <li class="step-1" style="margin-left: 0;">
                        <p>1</p>
                        <span></span>
                        <b> 我的购物车</b>
                    </li>
                    <li class="step-2">
                        <p>2</p>
                        <span></span>
                        <b>填写核对订单</b>
                    </li>
                    <li class="step-3">
                        <p style="background:#8dbdeb;">3</p>
                        <span></span>
                        <b style="color: white;"> 订单提交成功</b>
                    </li>
                </ul>
            </div>


        </div>
    </header>
    <!-- 收货信息 -->
    <div class="goods">
        <div class="goods-top">
            <p>收货信息</p>
        </div>
        <div class="goods-bottom">
            <form action="">
                <span>* </span>
                <label for="male">选择地区：</label>
                <select name="cars" id="male">
                    <option value="volvo" selected>北京市 海淀区 五环内</option>
                    <option value="saab">Saab</option>
                    <option value="fiat">Fiat</option>
                    <option value="audi">Audi</option>
                </select>
            </form>
            <form action="">
                <span>* </span>
                <label for="male">详细地址：</label>
                <input type="text" placeholder="最多输入26个汉字" maxlength="26" class="goods-bottom-1">
            </form>
            <form action="">
                <span>* </span>
                <label for="male">选择地区：</label>
                <input type="text" placeholder="最多输入10个汉字" maxlength="10" class="goods-bottom-2">
            </form>
            <form action="">
                <span>* </span>
                <label for="male">选择地区：</label>
                <input type="text" placeholder="如 13784587653" maxlength="11" class="goods-bottom-3">
                或固定电话：
                <input type="text" placeholder="区号" class="goods-bottom-4">-
                <input type="text" placeholder="电话号码" class="goods-bottom-5">-
                <input type="text" placeholder="分机号(可选)" class="goods-bottom-6">
            </form>
            <input type="submit" value="确认收货地址" class="goods-bottom-7">
        </div>
    </div>
    <!-- 支付方式 -->
    <div class="money">
        <div class="goods-top">
            <p>支付方式</p>
        </div>
        <div class="money-top">
            <form>
                <input type="radio" name="money" value="male">微信支付 <span><img src="images/a1_03.png"
                        alt="">用微信扫一扫就能支付！</span>
                <br>
                <br>
                <input type="radio" name="money" value="female">货到付款 <span>送货上门后再付款，使用现金或刷银行卡。</span>

            </form>
        </div>
    </div>
    <!-- 发票信息 -->
    <div class="fapiao">
        <div class="goods-top">
            <p>发票信息</p>
        </div>
        <div class="fapiao-top">
            <form>
                <input type="checkbox" name="vehicle" value="Bike" checked>需要发票<br>
            </form>
            <form action="">
                <span>* </span>
                <label for="male">发票类型</label>
                <select name="cars" id="male">
                    <option value="volvo" selected>商业零售发票</option>
                    <option value="saab">Saab</option>
                    <option value="fiat">Fiat</option>
                    <option value="audi">Audi</option>
                </select>
            </form>
            <form action="">
                <span>* </span>
                <label for="male">发票抬头</label>
                <select name="cars" id="male">
                    <option value="volvo" selected>个人</option>
                    <option value="saab">Saab</option>
                    <option value="fiat">Fiat</option>
                    <option value="audi">Audi</option>
                </select>
                <input type="text" placeholder="阿斯顿" width="140px">
            </form>
            <input type="submit" value="保存" class="fapiao-top-1">
            <input type="submit" value="取消" class="fapiao-top-2">
        </div>
    </div>
    <!-- 送货清单 -->
    <div class="products">
        <div class="products-top">
            <p>送货清单</p>
            <p><a href="">返回购物车修改</a></p>
        </div>
        <div class="products-nav">
            <div class="products-nav-1">
                <div style="text-align:left;">商品名称</div>
                <div>单价</div>
                <div>返现</div>
                <div>数量</div>
                <div>小计</div>
            </div>
            <div class="products-nav-2">
                <div style="width: 415px; overflow: hidden;">
                    <a href="" class="products-nav-2-1"><img src="images/bingxiang_03.jpg" alt=""></a>
                    <div class="products-nav-2-2">
                        <p style="color:#666666;">Hisense 海信 BCD-202D 202升 三门冰箱(银色)</p>
                        <p style="margin-top: 40px;">[赠品] 保鲜盒 抽真空保鲜盒海信水洗赠品</p>
                    </div>
                </div>
                <div class="products-nav-a cent" style="width: 118px;">
                    <p>￥ 1459.00</p>
                </div>
                <div class="products-nav-b cent" style="width: 123px;">
                    <p>￥ 0.00</p>
                </div>
                <div class="products-nav-b cent" style="width: 124px;">
                    <p>1</p>
                    <p style="margin-top: 40px;">1</p>
                </div>
                <div class="products-nav-d cent" style="width: 176px;">
                    <p style="color: red">￥ 1459.00</p>
                </div>
            </div>
            <div class="liuyan">
                <div class="liuyan-zong">
                    <input type="text" placeholder="若您对包裹有特殊要求，请在此留言" class="liuyan-a">
                    <br>
                    <div class="liuyan-b">
                        <img src="images/tanhao_07.jpg" alt="">
                        抱歉，以下商品暂时不能购买，已帮您自动在本次结算中剔除并扣减对应金额，您可以先购买其他产品:)
                    </div>
                </div>

                <div class="liuyan-c">
                    <div class="liuyan-c-1">
                        <img src="images/zhichou_07.jpg" alt="">
                    </div>
                    <div class="liuyan-c-2">
                        <p>清风</p>
                        <p> 数量：1件</p>
                        <p>￥4.90 <span style="color:red; font-weight:bold;">(无货)</span></p>
                    </div>
                </div>
            </div>
            <!-- 订单结算 -->
            <div class="jiesuan">
                <div class="goods-top">
                    <p>订单结算</p>
                </div>
                <div class="jiesuan-bottom">
                    <p>总计<span>￥1459.00</span></p>
                    <input type="submit" placeholder="提交订单">
                </div>
            </div>
        </div>
    </div>
    <!-- footer   -->
    <footer>
        <div class=" footer-z">
            <p>
                <a href="">师徒简介</a> | 师徒公告 | 招纳贤士 | 联系我们 |客服热线：400-675-1234
            </p>
            <p class="foo-z">
                opyright © 2006 - 2014 师徒版权所有 京ICP备09037834号 京ICP证B1034-8373号
                某市公安局XX分局备案编号：123456789123
            </p>
            <div>
                <img src="images/footer_46.jpg" alt="">
                <img src="images/footer_46.jpg" alt="">
                <img src="images/footer_46.jpg" alt="">
                <img src="images/footer_46.jpg" alt="">
            </div>
        </div>
    </footer>




</body>

</html>